<!DOCTYPE html>
<html>
<head>
    <title>选择套餐</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <meta name="author" content="">
    <meta name="description" content="至上会计移动端CRM管理系统">
    <link rel="stylesheet" href="../lib/weui.min.css">
    <link rel="stylesheet" href="../css/jquery-weui.css">
    <link rel="stylesheet" href="css/mywe.css">
    <link rel="stylesheet" href="css/shop.css">
</head>
<body ontouchstart>
    <div class="main package">
        <div class="package-title">服务地</div>
        <div class="weui-cell weui-cell_vcode">
            <div class="weui-cell__bd">
                <p style="color:#999;">请选择服务地区</p>
            </div>
            <div class="weui-cell__ft">
                <button class="weui-vcode-btn color-red" style="border: none;">
                    <span>选择</span>
                    <input type="text" id="city-picker" name="address">
                </button>
            </div>
        </div>

        <div class="height8"></div>
        <div class="package-title">相关优惠套餐</div>
        <div class="weui-cells weui-cells_radio">
            <label class="weui-cell weui-check__label" for="x11">
                <div class="weui-cell__bd">
                    <p>套餐一</p>
                </div>
                <div class="weui-cell__ft">
                    <input type="radio" class="weui-check" name="radio1" id="x11" checked="checked">
                </div>
            </label>
            <label class="weui-cell weui-check__label" for="x12">
                <div class="weui-cell__bd">
                    <p>套餐二</p>
                </div>
                <div class="weui-cell__ft">
                    <input type="radio" name="radio1" class="weui-check" id="x12" >
                </div>
            </label>
            <label class="weui-cell weui-check__label" for="x13">
                <div class="weui-cell__bd">
                    <p>套餐三</p>
                </div>
                <div class="weui-cell__ft">
                    <input type="radio" class="weui-check" name="radio1" id="x13">
                </div>
            </label>
            <div class="clearfix"></div>
        </div>

        <div class="height8"></div>
        <div class="package-title">套餐说明</div>
        <div class="package-desc">
            无注册地址，需要代理记账
        </div>
        <div class="height8"></div>
        <div class="package-title">套餐内容</div>
        <div class="weui-cells weui-cells_form">
            <div class="weui-cell">
                <div class="weui-cell__bd">
                    <div class="weui-uploader">
                        <div class="weui-uploader__bd">
                            <ul class="weui-uploader__files">
                                <li class="weui-uploader__file weui-uploader__file_status" style="background-image:url(./images/nophoto.png)">
                                    <div class="weui-uploader__file-content">¥300</div>
                                </li>
                                <li class="weui-uploader__file weui-uploader__file_status" style="background-image:url(./images/nophoto.png)">
                                    <div class="weui-uploader__file-content">¥3900</div>
                                </li>
                                <li class="weui-uploader__file weui-uploader__file_status" style="background-image:url(./images/nophoto.png)">
                                    <div class="weui-uploader__file-content">¥4000</div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="height8"></div>
        <div class="package-title">价格说明</div>
        <div class="weui-flex package-desc">
            <div class="weui-flex__item line-through">原价：¥15000</div>
            <div class="weui-flex__item text-right color-black big">套餐价：<span class="color-red">¥12400</span></div>
        </div>
    </div>
    <footer class="weui-flex">
        <a href="shopcart.html" class="weui-flex__item bg-danger order-footer">选择该套餐</a>
    </footer>
    <script src="../lib/jquery-2.1.4.js"></script>
    <script src="../lib/fastclick.js"></script>
    <script src="../js/jquery-weui.min.js"></script>
    <script src="../js/city-picker.min.js"></script>

    <script>
        $(function () {
            FastClick.attach(document.body);
        });
        $("input:radio").each(function () {
            var type=$(this)[0].checked;
            if(type ==true){
                $(this).parents("label.weui-check__label").find(".weui-cell__bd").addClass("checked");
            }
            $(this).click(function () {
                var type=$(this)[0].checked;

                if(type ==true){
                    $(".weui-cell__bd").removeClass("checked");
                    $(this).parents("label.weui-check__label").find(".weui-cell__bd").addClass("checked");
                }
            });
        });

        if($("#city-picker").val()!=""){
        	var add=$("#city-picker").val();
            $("#city-picker").parents(".weui-cell").find(".weui-cell__bd p").text(add);
        }
        //查询商品不同地区的不同价格的请求操作
        $("#city-picker").cityPicker({
            title:"请选择您的所在地",
            onClose:function(){
                var add=$("#city-picker").val();
                $("#city-picker").parents(".weui-cell").find(".weui-cell__bd p").text(add);

            }
        });
    </script>

</body>
</html>
